<template>
  <div id="app">    <!-- 不用自己点保存，输入什么，页面显示什么（热更新技术） -->
  <!-- <button @click="flag=!flag">点击卸载/加载Parent组件</button> -->
    <!-- <Parent v-if="flag"/> -->

    <!-- 具名插槽 -->
    <Chacao>
      <template v-slot:header>
        <header>标题</header>
      </template>
      <template v-slot:main>
        <main>主体部分</main>
      </template>
      <template v-slot:footer>
        <footer>底部</footer>
      </template>
      <!-- 默认的分发的内容 -->
      <!-- <h1>孤儿面试官</h1> -->

      <template v-slot="{o}">
        <h1>现在这里就是:{{o.address}}</h1>
      </template>
    </Chacao>
  </div>
</template>

<script>
import Chacao from './chacao.vue';
import Parent from "./Parent.vue" // 引入文件

export default {
  name: "App",
  data(){
    return{
      flag: true
    }
  },
  components: {   // 注册
    Parent,
    Chacao
  }
};
</script>

<style>
</style>
